<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
	<meta name="description" content="">
	<meta name="author" content="">
	<title>集邮接猴子</title>
	<link rel="stylesheet" type="text/css" href="./css/main.css">
	
	<link rel="stylesheet" type="text/css" href="./css/myanimate.css">
</head>
<body>
	<!-- loading -->
	<div class="load hide" id="loading">
		<div class="load_box">
			<div class="load-inner"></div>
			<p>loading...</p>
		</div>
	</div>
	
	<!-- index -->
	<div class="index hide" id="index">
		<div class="index-top">
			<img src="./images/title.png" alt="" id="title"  class="animated bounceInDown">
			<img src="./images/caishen.png" alt="" id="caishen" class="animated zoomIn delay20">
		</div>
		<div class="index-bottom" >
			<img src="images/imgbottom.png" alt="">
			<div class="index-btn animated bounceIn delay35" id="btns">
				<p>
					<a class="btn-o" onclick="show_page('rule')"><img src="./images/btn1.png" alt=""></a>
					<a class="btn-o" href="game.html"><img src="./images/btn2.png" alt=""></a>
				</p>
				<p>
					<a class="btn-g" onclick="show_page('gift')"><img src="./images/btn3.png" alt=""></a>
					<a class="btn-g" onclick="show_page('rank_page')"><img src="./images/btn4.png" alt=""></a>
					<a class="btn-g" onclick="show_page('share')"><img src="./images/btn5.png" alt=""></a>
				</p>
			</div>
		</div>
	</div>
	<!-- gift -->
	<div class="gift fixedbg hide" id="gift">
		<div class="gift-alert">
			<img src="./images/gift1.png" alt="" class="resimg">
			<img src="./images/gift2.png" alt="" class="resimg">
			<img src="./images/gift3.png" alt="" class="resimg">
			<img src="./images/gift4.png" alt="" class="resimg">
			<a href="#" onclick="show_page('index')" class="close"></a>
		</div>
	</div>
	<!-- rule -->
	<div class="rule fixedbg hide" id="rule">
		<div class="rule-alert pocenter">
			<img src="./images/rulebg.png" alt="" class="resimg">
			<div class="rule-info">
				<p>30秒内，接住屏幕掉下来小物品，避免接住减分物品，接住的加分物品越多获得分数越高，排名前6名即有机会获得相应奖品。每天3次参与机会，你的分享链接被人点击进来1次并玩游戏获得分数，视为分享成功一次，参与机会+3，成功分享数越多，参与机会越多。</p>
				<p>1、游戏总得分：以用户所玩次数分数累积计算最终总得分。PS：参与者每天3次参与机会，参与者通过分享链接并被点击进来玩游戏，视为分享成功一次，参与机会+3。<br>2、物品：加分、减分两类。加分：80猴票、丙申猴票（+15分）、壬申猴票、甲申猴票（+10分），减分：爆竹（-5分）<br>3.分数相同，以用户参与游戏的先后顺序评定最终获奖名单。<br>4、本活动杜绝刷票，发现恶意刷票分数清零。</p>
			</div>
			<a href="#" onclick="show_page('index')" class="close"></a>
		</div>
	</div>
	<!-- share -->
	<div class="share fixedbg hide" id="share">
		<img src="./images/share.png" alt="" class="resimg" onclick="show_page('index')">
	</div>
	<!-- rank -->
	<div class="rank fixedbg page" id="rank_page">
		<div class="rank-alert pocenter">
			<img src="./images/rank.png" alt="" class="resimg">
			<div class="rank-list">
				<div class="rank-item">
					<span class="ranknum">1</span>
					<span class="touxiang"><img src="./images/rankpeo.png" alt="" class="resimg"></span>
					<span class="name">玩家昵称玩家昵称玩家昵称</span>
					<span class="fenshu">10000</span>
				</div>
				<div class="rank-item">
					<span class="ranknum">2</span>
					<span class="touxiang"><img src="./images/rankpeo.png" alt="" class="resimg"></span>
					<span class="name">玩家昵称玩家昵称玩家昵称</span>
					<span class="fenshu">10000</span>
				</div>
				<div class="rank-item">
					<span class="ranknum">3</span>
					<span class="touxiang"><img src="./images/rankpeo.png" alt="" class="resimg"></span>
					<span class="name">玩家昵称玩家昵称玩家昵称</span>
					<span class="fenshu">10000</span>
				</div>
				<div class="rank-item">
					<span class="ranknum">4</span>
					<span class="touxiang"><img src="./images/rankpeo.png" alt="" class="resimg"></span>
					<span class="name">玩家昵称玩家昵称玩家昵称</span>
					<span class="fenshu">10000</span>
				</div>
				<div class="rank-item">
					<span class="ranknum">5</span>
					<span class="touxiang"><img src="./images/rankpeo.png" alt="" class="resimg"></span>
					<span class="name">玩家昵称玩家昵称玩家昵称</span>
					<span class="fenshu">10000</span>
				</div>
				<div class="rank-item">
					<span class="ranknum">10</span>
					<span class="touxiang"><img src="./images/rankpeo.png" alt="" class="resimg"></span>
					<span class="name">玩家昵称玩家昵称玩家昵称</span>
					<span class="fenshu">10000</span>
				</div>
				<div class="rank-item">
					<span class="ranknum">11</span>
					<span class="touxiang"><img src="./images/rankpeo.png" alt="" class="resimg"></span>
					<span class="name">玩家昵称玩家昵称玩家昵称</span>
					<span class="fenshu">10000</span>
				</div>
				<div class="rank-item">
					<span class="ranknum">12</span>
					<span class="touxiang"><img src="./images/rankpeo.png" alt="" class="resimg"></span>
					<span class="name">玩家昵称玩家昵称玩家昵称</span>
					<span class="fenshu">10000</span>
				</div>
				<div class="rank-item">
					<span class="ranknum">1</span>
					<span class="touxiang"><img src="./images/rankpeo.png" alt="" class="resimg"></span>
					<span class="name">玩家昵称玩家昵称玩家昵称</span>
					<span class="fenshu">10000</span>
				</div>
				<div class="rank-item">
					<span class="ranknum">1</span>
					<span class="touxiang"><img src="./images/rankpeo.png" alt="" class="resimg"></span>
					<span class="name">玩家昵称玩家昵称玩家昵称</span>
					<span class="fenshu">10000</span>
				</div><div class="rank-item">
					<span class="ranknum">1</span>
					<span class="touxiang"><img src="./images/rankpeo.png" alt="" class="resimg"></span>
					<span class="name">玩家昵称玩家昵称玩家昵称</span>
					<span class="fenshu">10000</span>
				</div><div class="rank-item">
					<span class="ranknum">1</span>
					<span class="touxiang"><img src="./images/rankpeo.png" alt="" class="resimg"></span>
					<span class="name">玩家昵称玩家昵称玩家昵称</span>
					<span class="fenshu">10000</span>
				</div>
			</div>
			<a href="#" class="close" onclick="show_page('index')"></a>
		</div>
	</div>
	<script type="text/javascript">
		
		window.onload=MyAutoRun;
		var state = true;

		function MyAutoRun( ){
			loading.style.display = "block";
			setTimeout(function(){
				loading.style.display = "none";
				indexPage.style.display = "block";
			},1500)
		}

	
		

		function getid(idname){
			return document.getElementById(idname);
		}

		function addClass(select,show){
			var classname = select.className;
			select.className = classname + ' ' + show;
			setTimeout(function(){
				select.className = classname;
			}, 900)
		}
		

		function hasClass(obj, cls) {  
   		 return obj.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'));  
		}  
  
		  
		function removeClass(obj, cls) {  
		    if (hasClass(obj, cls)) {  
		        var reg = new RegExp('(\\s|^)' + cls + '(\\s|$)');  
		        obj.className = obj.className.replace(reg, ' ');  
		    }  
		}  


		var loading = getid("loading");  //加载
		var indexPage = getid("index");  // 首页
		var giftPage = getid("gift");    //奖品
		var sharePage = getid("share");  //分享
		var rankPage = getid("rank_page");  //排行
		var rulePage = getid("rule");    //规则
		
		var title  = getid("title");
		var caishen  = getid("caishen");
		var btns  = getid("btns");

		


		var hiddenObj = new Array();
		//var showObj = new Array();

		hiddenObj = [indexPage,giftPage,sharePage,rankPage,rulePage];


		//清除首次进入效果
		function remove_animate()
		{
			
			
			removeClass(title,"animated");
			removeClass(caishen,"animated");
			removeClass(btns,"animated");
		}


		//单页面切换
		function show_page(showPage){

			for(var i=0;i<hiddenObj.length;i++)
			{
				hiddenObj[i].style.display = "none";
			}

			var showPage = getid(showPage);

			showPage.style.display = "block";
			addClass(showPage,'opshow');

			remove_animate();

		}


		
	</script>
	<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "//hm.baidu.com/hm.js?7ed4448fff2227cb37d8330fbef11993";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
</body>
</html>